<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Desventurados</title>
        <link href="web/css/principal.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="web/js/jquery-1.6.4.min.js"></script>
        <script type="text/javascript" src="web/js/function.js"></script>
    </head>

    <body onload="avatar()">
        <script type="text/javascript">
            $(document).ready(function(){
                $('#botao').hide();
                $('#formAvatar').hide();
				$("#imagem").click(function(){
                    selecao();
                    $('#botao').slideDown();
                });
                $('#mudarAvatar').click(function(){
                    $('#formAvatar').slideToggle('slow');
                });
                $('#botaoAvatar').click(function(){
                    mudarAvatar($("#avatar"));
                });
	
            });
	

        </script>
<div id="container">
            <div id="fundo">
                <div id="imagem" style="cursor:pointer"></div><!--fim imagem-->
                <div id="mudarAvatar" style="cursor:pointer">Mudar Avatar</div>
                <div id="formAvatar">
              <form>
                        <input type="text" name="avatar" id="avatar" />&nbsp;<input type="button" id="botaoAvatar" value="enviar" /><br />
                        <span id="help">coloque aqui o endereço de uma imagem tamanho maximo </span>
                    200 largura 280 altura
              </form>
                </div>


          <div id="links">
<br />
<a href="#">Mudar Senha</a><br /><br />

<a href="#">Excluir Personagem</a><br /><br />



          
          </div><!--fim links -->

            <div id="status"></div><!--fim status-->

                <div id="botao"></div><!--fim botao-->

            </div><!--fim fundo-->
        </div><!--fin container -->
    </body>
</html>